// 背景图片
body {
  background-image: url('../images/bg@2x\ 2.png');
}

// 看板信息
.info {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 7.4479vw;

  .item {
    width: 23.5938vw;
    height: 5.7292vw;
    background: url('../images/背景@2x.png') 0 0/ 100% 100%,
    linear-gradient(180deg,#002c41, rgba(0,30,54,0.50) 24%, rgba(0,10,37,0.00) 50%, rgba(0,23,48,0.50) 79%, #002139);
    
    .title {
      text-align: center;
      font-size: 0.7292vw;
      color: #FFFFFF;
      line-height: 1.25vw;
    }

    ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 1.0417vw 0.8333vw 0;

      li {
        font-size: 0.625vw;
        width: 50%;
        margin-bottom: 0.7813vw;

        img {
          width: 0.6771vw;
          margin-right: 0.4167vw;
          vertical-align: middle;
        }

        span {
          color: #00E6FF;
        }

        i {
          color: #fff;
        }
      }
    }
  }

  .item {
    img {
      position: relative;
      left: 0.3208vw;
    }

    li:nth-child(2n-1) {
      width: 45%;
    }

    li:nth-child(2n) {
      width: 55%;


    }
  }

  // .item:nth-child(3) {

  //   li:nth-child(2n-1) {
  //     width: 45%;
  //   }

  //   li:nth-child(2n) {
  //     width: 55%;

  //     img {
  //       position: relative;
  //       left: 0.5208vw;
  //     }
  //   }
  // }
}

// AI预测
.main {

  .row {
    display: flex;
    height: 13.2292vw;
    margin: 0 1.3021vw 0.9375vw;
  }

  // 通用样式
  .content {
    width: 8.5417vw;
    background: url('../images/编组\ 13@2x.png') 0 0/cover;
  }

  // 通用样式
  .box {
    width: 21.4583vw;
    margin-left: 1.0417vw;

    div:nth-child(1) {
      height: 1.9271vw;
    }

    div:nth-child(2) {
      height: 11.1979vw;
    }
  }

  // 第一行---------------------------
  .one {
    background: url('../images/编组\ 7@2x.png') 0 0 / cover;
  }

  .title1 {
    background: url('../images/标题@2x\ 3.png') 0 0 /cover;
  }

  .title2 {
    background: url('../images/222.png') 0 0 /cover;
  }

  .title3 {
    background: url('../images/333.png') 0 0 /cover;
  }

  .title4 {
    background: url('../images/编组备份\ 2@2x.png') 0 0 /cover;
  }

  // 第二行---------------------------
  .two {
    background: url('../images/编组\ 7备份@2x.png') 0 0 / cover;
  }

  .title5 {
    background: url('../images/555.png') 0 0 /cover;
  }

  .title6 {
    background: url('../images/666.png') 0 0 /cover;
  }

  .title7 {
    background: url('../images/777.png') 0 0 /cover;
  }

  .title8 {
    background: url('../images/888.png') 0 0 /cover;
  }

  // 第三行---------------------------
  .three {
    background: url('../images/编组\ 7备份\ 2@2x\ 2.png') 0 0 / cover;
  }

  .title9 {
    background: url('../images/999.png') 0 0 /cover;
  }

  .title10 {
    background: url('../images/10.png') 0 0 /cover;
  }

  .title11 {
    background: url('../images/11.png') 0 0 /cover;
  }

  .title12 {
    background: url('../images/12.png') 0 0 /cover;
  }


}

.time {
  position: fixed;
  right: 1.25vw;
  top: 55.1562vw;
  width: 16.1458vw;
  height: 1.0417vw;
  font-size: 0.625vw;
  color: #fff;
  line-height: 20px;
}